<template>
  <div>
      <div class="qq">
          <span class="iconfont ii1 icon-fuwuerji2"></span>
          <span class="iconfont ii2 icon-31shezhi"></span>
      </div>
      <Head1/>
      <D1/>
      <h2 class="page2">我的保障</h2>
      <img src="img/ww.jpg">
      <h2 class="page2">我的工具</h2>
      <List1/>
      <Lun/>
      <h2 class="page3">我是业主<span>更多服务&nbsp;></span></h2>

      <D3/>
      <h2 class="page3"></h2>
  </div>
</template>

<script>
import Head1 from "@/components/head1.vue"
import D1 from "@/components/d1.vue"
import List1 from "@/components/list1.vue"
import Lun from "@/components/lunbo.vue"
import D3 from "@/components/d3.vue"

export default {
  components:{
    Head1,D1,List1,Lun,D3
  },

}
</script>

<style scoped>
div{
  width: 94%;
  margin: auto;
}
.qq{
    width: 94%;
    height: .38rem;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: flex-end;
    background-color: #fbfbfb;
}
.qq span{
    font-size: .22rem;
    margin: .1rem .1rem 0 0;
    font-weight: 800;
}
.page2,.page3{
  width: 100%;
  height: .55rem;
  line-height: .55rem;
}
img{
  width: 100%;
  height: 1.6rem;
}
.page3{
  display: flex;
  justify-content: space-between;
}
.page3 span{
  font-size: .14rem;
  margin-top: .09rem;
  color:#999999;
}
</style>